<template>
		<view class="index-movie-list" >
			<movice-item :list="movielist"></movice-item>
		</view>
</template>

<script>
	import moviceItem from '@/pages/components/index/movice-item.vue'
	export default{
		data(){
			return{
				
			}
		},
		props:{
			movielist:{
				type: Array,
				default: []
			},
			boxHeight:{
				type:Number,
				default:0
			}
		},
		components: {
			moviceItem
		},
	}
</script>

<style lang="scss" scoped>
	// 列表
	.time_top {
		font-size: 28rpx;
		font-weight: 700;
	}
	
	.index-movie-list {
		.index-orderlist {
			display: flex;
			flex-direction: row;
			align-items: center;
			border-bottom: 1rpx solid #DFDFDF;
		}
	
		&:last-of-type {}
	
		image {
			width: 140rpx;
			height: 185rpx;
			border-radius: 10rpx;
		}
	
		.index_font {
			margin-left: 25rpx;
			flex: 1;
			color: #6d6d6d;
			font-size: 26rpx;
	
			.index_font_top {
				display: flex;
				font-size: 30rpx;
				color: #000;
				font-weight: bold;
				align-items: center;
	
				.index_font_hua {
					display: flex;
					align-items: center;
					font-size: 22rpx;
					font-weight: normal;
					border: 1rpx solid #B8B7B7;
					height: 30rpx;
					border-radius: 10rpx;
					margin-left: 10rpx;
					overflow: hidden;
	
					.hua_left {
						color: #fff;
						background-color: #B9B8B8;
						padding: 0rpx 8rpx;
						box-sizing: border-box;
						height: auto;
					}
	
					.hua_right {
						color: #A19F9F;
						padding: 0 8rpx;
					}
				}
			}
	
			.index-font-two {
				margin-top: 12rpx;
			}
	
			.index-font-three {
				margin-top: 6rpx;
			}
	
			.index-font-four {
				margin-top: 6rpx;
			}
	
			.no-warp-one {
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
			}
		}
	}
</style>
